<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>

<script
	src="http://trentrichardson.com/examples/timepicker/js/jquery-1.5.1.min.js"></script>
<script
	src="http://trentrichardson.com/examples/timepicker/js/jquery-ui-1.8.14.custom.min.js"></script>
<script src="jquery-ui-timepicker-addon.js"></script>
<link rel="stylesheet" media="all" type="text/css"
	href="http://trentrichardson.com/examples/timepicker/css/ui-lightness/jquery-ui-1.8.14.custom.css" />

<style type="text/css">
.ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; }
.ui-timepicker-div dl{ text-align: left; }
.ui-timepicker-div dl dt{ height: 25px; }
.ui-timepicker-div dl dd{ margin: -25px 0 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }

#h {
	display: none;
}
</style>


<script type="text/javascript">

	$(function(){
		$('.example-container > pre').each(function(i){
			eval($(this).text());
		});
	});
	
</script>


</head>
<body>

<div class="example-container">

<div><input type="text" name="example7" id="example7" value="" />
</div>

<pre id="h">

var ex7 = $('#example7');

ex7.datetimepicker();

ex7.datetimepicker('setDate', ("5/08/2011 00:47") );

</pre>

</div>


</body>
</html>